<template>
	<view>
		<Mine v-if="PageCur=='mine'"></Mine>
		<Calendar v-if="PageCur=='Calendar'"></Calendar>
		<view class="cu-bar tabbar bg-white shadow foot">
			<view class="action" @click="NavChange" data-cur="mine">
				<view class='cuIcon-cu-image'>
					<image :src="'/static/tabbar/basics' + [PageCur=='mine'?'_cur':''] + '.png'"></image>
				</view>
				<view :class="PageCur=='mine'?'text-green':'text-gray'"></view>
			</view>
			<view class="action" @click="NavChange" data-cur="Calendar">
				<view class='cuIcon-cu-image'>
					<image :src="'/static/tabbar/component' + [PageCur == 'Calendar'?'_cur':''] + '.png'"></image>
				</view>
				<view :class="PageCur=='Calendar'?'text-green':'text-gray'"></view>
			</view>
		</view>
	</view>
</template>

<script>
	import Mine from '../mine/index'
	import Calendar from '../mine/calendar'
	export default {
		data() {
			return {
				PageCur: 'mine'
			}
		},
		methods: {
			NavChange: function(e) {
				this.PageCur = e.currentTarget.dataset.cur
			}
		},
		components: {
			Mine,
			Calendar
		}
	}
</script>

<style>
</style>
